@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, button, input, fieldset, legend, input, textarea, p, blockquote, th, td, article, aside, details, figcaption, figure, #footer, #header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, button, input, textarea, p, span, th, td, article, aside, nav, section, img, a {
	outline: none;
	transition: all 0.30s ease-in-out;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
html, body {
	color: #444;  
}
 
/*公共*/
a {
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
li {
	display: list-item;
	list-style: none;
	text-align: -webkit-match-parent;
}
li.active {
	background: #FFF;
	opacity: .9;
	filter: alpha(opacity=90);
}
button.close:hover span {
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.btn-default {
	border-color: #DDD;
	color: #666;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	border-color: #BBB;
	color: #444;
}
.btn-primary {
	background-color: #3399CC;
	border-color: #3399CC;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #3399CC;
	border-color: #3399CC;
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.btn-danger {
	background-color: #FF5E52;
	border-color: #FF5E52;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
	background-color: #EF4639;
	border-color: #EF4639;
}
button.disabled {
	cursor: no-drop;
}
body, input, button, textarea, select {
	font-family: "Microsoft YaHei", "微软雅黑", "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}
.title{
	margin-bottom: 10px;
	overflow: hidden;
	border-bottom:1px solid #e5e5e5;
	line-height:50px;
}
.title h3{
	font-size: 25px;
	margin: 0;
	float: left;
	cursor: pointer;
	color:#d70808; 
	width:110px;
	border-bottom:3px solid  #d70808;
	transition: 0.3s ease-in-out;}

.title .more {
	float: right;
	position: relative;
	top: 5px;
}
.title .more a {
	display: inline-block;
	margin-left: 20px;
	color: #666;
}
.title .more a:hover {
	color: #3399CC;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.img100{width:100%;display:inline-block}
.mt20{margin-top:20px;overflow:hidden;}
.clearfix{clear:both;overflow:hidden;}
 
/*禁止文字选中*/
.user-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
/*鼠标选中内容样式*/
::selection {
	background: #444;
	color: #FFF;
}
::-moz-selection {
background:#444;
color:#FFF;
}
::-webkit-selection {
background:#444;
color:#FFF;
}

/*容器*/
 
.container {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	padding: 0;
}

@media (max-width: 1240px) {
.container {
	margin: 0 15px;
}
}
 .shadow {
	z-index: 1000;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
	box-shadow: 0px 0px 3px rgba(0,0,0,.3);
}
 
/*LOGO效果*/
 
@-moz-keyframes comets {
 0% {
 width: 0;
 opacity: 0;
 -webkit-opacity: 0;
 -moz-opacity: 0;
 -webkit-transform: rotate(45deg) translate(-20%, -100%);
 -moz-transform: rotate(45deg) translate(-20%, -100%);
 -ms-transform: rotate(45deg) translate(-20%, -100%);
 -o-transform: rotate(45deg) translate(-20%, -100%);
 transform: rotate(45deg) translate(-20%, -100%);
}
 50% {
 width: 2px;
 opacity: 1;
 -webkit-opacity: 1;
 -moz-opacity: 1;
}
 100% {
 width: 0%;
 opacity: 0;
 -webkit-opacity: 0;
 -moz-opacity: 0;
 -webkit-transform: rotate(45deg) translate(20%, 100%);
 -moz-transform: rotate(45deg) translate(20%, 100%);
 -ms-transform: rotate(45deg) translate(20%, 100%);
 -o-transform: rotate(45deg) translate(20%, 100%);
 transform: rotate(45deg) translate(20%, 100%);
}
}
@-webkit-keyframes comets {
 0% {
 width: 0;
 opacity: 0;
 -webkit-opacity: 0;
 -moz-opacity: 0;
 -webkit-transform: rotate(45deg) translate(-20%, -100%);
 -moz-transform: rotate(45deg) translate(-20%, -100%);
 -ms-transform: rotate(45deg) translate(-20%, -100%);
 -o-transform: rotate(45deg) translate(-20%, -100%);
 transform: rotate(45deg) translate(-20%, -100%);
}
 50% {
 width: 2px;
 opacity: 1;
 -webkit-opacity: 1;
 -moz-opacity: 1;
}
 100% {
 width: 0%;
 opacity: 0;
 -webkit-opacity: 0;
 -moz-opacity: 0;
 -webkit-transform: rotate(45deg) translate(20%, 100%);
 -moz-transform: rotate(45deg) translate(20%, 100%);
 -ms-transform: rotate(45deg) translate(20%, 100%);
 -o-transform: rotate(45deg) translate(20%, 100%);
 transform: rotate(45deg) translate(20%, 100%);
}
}
@keyframes comets {
 0% {
 width: 0;
 opacity: 0;
 -webkit-opacity: 0;
 -moz-opacity: 0;
 -webkit-transform: rotate(45deg) translate(-20%, -100%);
 -moz-transform: rotate(45deg) translate(-20%, -100%);
 -ms-transform: rotate(45deg) translate(-20%, -100%);
 -o-transform: rotate(45deg) translate(-20%, -100%);
 transform: rotate(45deg) translate(-20%, -100%);
}
 50% {
 width: 2px;
 opacity: 1;
 -webkit-opacity: 1;
 -moz-opacity: 1;
}
 100% {
 width: 0%;
 opacity: 0;
 -webkit-opacity: 0;
 -moz-opacity: 0;
 -webkit-transform: rotate(45deg) translate(20%, 100%);
 -moz-transform: rotate(45deg) translate(20%, 100%);
 -ms-transform: rotate(45deg) translate(20%, 100%);
 -o-transform: rotate(45deg) translate(20%, 100%);
 transform: rotate(45deg) translate(20%, 100%);
}
}
   

#tophead{height:80px;padding:20px 0;}
#tophead .logo{width:400px;height:60px;float:left;margin-top:10px;}
#tophead form{float:left;margin-top:20px;}
#tophead form .input{border:1px solid #d20509;width:300px;padding:10px 15px;vertical-align:middle;border-right:0;color:#555;}
#tophead form .bnt{background:#d20509;border:1px solid #d20509;padding:10px 25px;vertical-align:middle;color:#fff;}
#tophead .wx{float:right;}

#topnav{background:url(../images/menubg.png) no-repeat center #d20509;height:65px;}
#topnav ul{margin:0;padding:0;list-style:none;width:100%;}
#topnav ul li{float:left;}
#topnav ul li a{height:65px;line-height:65px;font-size:18px;color:#fff;padding:0 20px;display:block;}
#topnav ul li a:hover{background:#ea5404;}
#topnav ul .hover a{background:#ea5404;height:65px;line-height:65px;font-size:18px;color:#fff;padding:0 20px;display:block;}
#topnav ul li dl{position:absolute;z-index:999;margin:0;display:none;width:160px;}
#topnav ul .hover dl dt a{background:#1F92D1;border-bottom:1px solid #187EC6;height:40px;line-height:40px;display:block;font-size:14px;}
#topnav ul .hover dl dt a:hover{background:#fff;color:#333;display:block;}

/*顶部新闻*/
.top{background:#f5f5f5;padding:30px 0;margin:20px auto;width:1200px;overflow:hidden;}
.top .text{ text-align:center;}
.top .text h4{font-size:32px;color:#2065c3;padding:10px 0;}
.top .text p{height:30px;line-height:30px;overflow:hidden;color:#808080;padding:0 50px;}

/*焦点图*/
.foupic .swiper-slide h4{ position:absolute;bottom:5px;
	background:rgba(0,0,0,0.5);
	padding:0 2%;
	display:inline-block;
	width:96%;
	color:#fff;
	left:0;
	line-height:50px;
	font-size:18px;
	margin:0;
	font-weight:normal;
}
.foupic>.swiper-pagination{
	bottom:30px;
	right:40px;
	left:80%;
	}
.foupic .swiper-pagination .swiper-pagination-bullet{float:right;margin-right:1%;}
.foupic .swiper-pagination .swiper-pagination-bullet{width:20px;height:4px;background:#fff;
	border-radius:0;
	opacity:1;}
.foupic .swiper-pagination	.swiper-pagination-bullet-active{background:#33F;}

.cleft{width:890px;float:left;}
.cright{width:280px;float:right;}

.citem ul{margin:0;padding:0;list-style:none;}
.citem ul li{float:left;width:33.3%;}
.citem .item{border:1px solid #e5e5e5;padding:10px;overflow:hidden;}
.citem .item .pic{width:100%;overflow:hidden;}
.citem .item .pic img{width:100%;transition: all .8s linear;}
.citem .item .txt{padding:20px 0;}
.citem .item .txt h3{font-size:16px;line-height:1.8;color:#454545; font-weight:normal;}
.citem .item .txt p{
	margin-top: 10px;
	color: rgba(119, 119, 119, 1);
	font-size: 12px;
	line-height: 1.8;
	text-align: left;
}
.citem .item .more{
	float:right;
	font-size:12px;
	line-height:1.8;
	color: rgba(119, 119, 119, 1);
}
.citem .item:hover .pic img{transform: scale(1.1);}
.citem .item:hover .more{color:#2065c3;}

.hottit{
	background:url(../images/hot.png) no-repeat left center;
	height:45px; 
	margin-left:-10px;
}

.ctit{
	background:url(../images/xt.png) no-repeat left center;
	color: rgba(32, 101, 195, 1);
	font-size: 18px;
	line-height: 45px;
	padding-left:20px;
	overflow:hidden;
}
.ctit span{float:right;}
.ctit span a{
	font-size:24px;
	color: rgba(32, 101, 195, 1);
}

.topnews{}
.topnews .pic{width:100%;overflow:hidden;margin:20px auto;}
.topnews .pic img{width:100%;transition: all .8s linear;} 
.topnews .pic:hover img{transform: scale(1.1);} 
.topnews ul{margin:10px auto;padding:0;overflow:hidden;}
.topnews ul li{line-height:2.4;border-bottom:1px dashed #e5e5e5;}
.topnews ul li a{display:inline-block;color:#666;font-size:15px;}
.topnews ul li a i{color:#2065c3;margin-right:10px; font-style:normal;}
.topnews ul li a:hover{color:#2065c3;}

.fbot{padding:20px auto;background:#f3f3f3;overflow:hidden;margin:50px 0 auto;}
.footimg img{width:100%;display:inline-block;} 
.foot_f ul {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 80px 0px;
	justify-content: center;
   	border-bottom: 0px solid #e5e5e5;
	line-height:1.8;
 }
 .foot_f ul li a{color:#666;padding:0 10px;font-size:14px;}
 .foot_f ul li a:hover{color:#ea5404;}
 .foot_f ul .mid{color:#e5e5e5;font-size:14px;}

.ffoot{margin:50px 0 auto; text-align:center;color: rgba(102, 102, 102, 1);}
.ffoot p{line-height:40px;font-size:14px;}
.ffoot p b{margin:0 10px;}
.ffoot a{color: rgba(102, 102, 102, 1);margin-right:10px;}

 
#totop{
		width: 120px;
		padding:10px;
		position: fixed;
		right: 10%;
		top: 30%;
		background-color: #f3f3f3;
		z-index: 999;
		transition: top 1s ease;
		text-align:center;
		font-size:12px;
		overflow:hidden;
	}

#totop img{max-width:120px;display:inline-block;}

#totop .ftop{
	margin-top:20px;
	width: 30px; height: 15px; 
	background: url(../images/top.png) no-repeat center center;
	background-size: 30px 30px; text-align: center; 
	cursor: pointer; 
	transition: all 0.3s ease-in-out; 
	opacity: 1; 
	z-index: 5;
	display:inline-block}
#totop .ftop:hover{ opacity:0.5}

 

/*手机*/
.header{ width: 100%; height: 90px; position: absolute; background: #fff; z-index: 3;display:none;} 
.header_main{ max-width: 1440px; height: 100%; margin: 0 auto;}
.header .logo{ margin-top: 16px; float: left;}
.nav{ height: 100%; background: url(../images/header_bg_blue.jpg) no-repeat 0 center #004ea2; background-size:contain;}
.nav>li{ 
	font-size: 17px;
	 width:25%;float: left;
	  border-bottom:1px solid #ddd; text-align:center;
	  position: relative;
	 }
.nav>li>a{ padding: 0;font-size:12px;display: block; color: #666; position: relative; text-decoration: none;}
 
.navbar_phone{ display: none;}
.nav_phone_bg{ margin-left: 120px; height: 100%; background:#fff; background-size:contain; display: none;}
.nav_phone{ width: 34px; height: 34px; background-color: #004ea2; text-align: center; margin-top: 12px; float: right; cursor: pointer;}
.nav_phone .point { display: inline-block;  width: 22px; height: 18px; margin-top: 8px; position: relative;}
.nav_phone .navbtn,
.nav_phone .navbtn::after,
.nav_phone .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;   -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  border-radius:3px;-webkit-border-radius:3px; -moz-border-radius:3px;}
.nav_phone .navbtn{ top: 8px;}
.nav_phone .navbtn::after { top:-8px; content: '';}
.nav_phone .navbtn::before { top:8px; content: '';}
.nav_phone .point.active .navbtn{  background: transparent;  }
.nav_phone .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.nav_phone .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }
  
@media screen and (max-width:969px){
	.header{ height:70px; position: relative;}
	.header_fix{ position: relative;}
	.header_main{ padding: 0 20px; position: relative;}
	.header .logo{ height: 50px; margin-top: 10px;}
	.nav{ display: none;}
	.nav_phone_bg{ display: block;}
	.navbar_phone{ width: 100%; padding: 10px 0 20px 0; box-sizing: border-box; position: absolute; top: 58px; left: 0; box-shadow:0 5px 5px rgba(0,0,0,0.15); border-top: 1px solid #f1f1f1; background-color: #fff; display: none;
		height:auto;}
	.navbar_phone li{width:25%;float:left;border-bottom:1px solid #ddd;overflow:hidden;}
	.navbar_phone li a{ width: 100%; line-height: 40px; box-sizing: border-box; display: block; border-bottom: 1px solid #f1f1f1;
	text-align:center;
	color:#666;}
	
/*焦点图*/
.foupic .swiper-slide h4{ position:absolute;bottom:5px;
	background:rgba(0,0,0,0.5);
	padding:0 2%;
	display:inline-block;
	width:96%;
	color:#fff;
	left:0;
	line-height:50px;
	font-size:16px;
	margin:0;
	font-weight:normal;
}
.foupic>.swiper-pagination{
	right:0;	
	}
.foupic .swiper-pagination .swiper-pagination-bullet{float:right;}
.foupic .swiper-pagination .swiper-pagination-bullet{width:10px;height:4px;background:#fff;
	border-radius:0;
	opacity:1;}
.foupic .swiper-pagination	.swiper-pagination-bullet-active{background:#33F;}

	
} 

/*新闻列表*/
.nlist{margin:30px auto;padding:0;list-style:none;}
.nlist li{border-bottom:1px dotted #ddd;padding:10px 0;margin:10px auto;overflow:hidden;}
.nlist li .pic{float:left;width:275px;margin-right:25px;overflow:hidden;
    max-height:180px;}
.nlist li .pic img{width:100%;display:inline-block;transition: all .8s linear;}
.nlist li .txt{float:left;width:560px;}
.nlist li .txt h3{font-size:18px;line-height:1.8;color:#454545; }
.nlist li .txt p{
	margin-top: 10px;
	color: rgba(119, 119, 119, 1);
	font-size: 14px;
	line-height: 1.8;
	text-align: left;
	max-height:90px;
}
.nlist li .txt .time{margin-top:20px;max-height:30px;}
.nlist li:hover .pic img{transform: scale(1.1);}
.nlist li:hover .txt h3{color:#2065c3;}

/*详情页面*/
.artshow{margin:20px auto;overflow:hidden;}
.artshow h3{font-size:34px;padding-bottom:20px;color:#333;}
.artshow .info{line-height:40px;border-bottom:1px solid #ddd;padding:10px 0;color:#999;}
.artshow .content{margin:20px auto;overflow:hidden;}
.artshow .pre{float:left;width:50%;}
.artshow .next{float:right;width:50%;}
.artshow .next a,.artshow .pre a{color:#666;}

.sjcontent{display:none;}
@media (max-width:768px) {
.container {
	margin: 0 3%;
	width:94%;
}
.sjcontent{display:block;}
.hidden-pc{display:none;}
.header{display:block;}

/*新闻列表*/
.nlist{margin:0 auto;padding:10px 0;list-style:none;}
.nlist li{border-bottom:1px dotted #ddd;padding:10px 0;margin:10px auto;overflow:hidden;}
.nlist li .pic{float:left;width:36%;margin-right:4%;overflow:hidden;}
.nlist li .pic img{width:100%;display:inline-block;transition: all .8s linear;}
.nlist li .txt{float:left;width:60%;}
.nlist li .txt h3{font-size:18px;line-height:1.8;color:#454545; }
.nlist li .txt p{ 
	color: rgba(119, 119, 119, 1);
	font-size: 14px;
	line-height: 1.8; 
	margin-top:0;
}
.nlist li .txt .time{margin-top:10px;max-height:30px;}
.nlist li:hover .pic img{transform: scale(1.1);}
.nlist li:hover .txt h3{color:#2065c3;}

/*详情页面*/
.artshow{margin:20px auto;overflow:hidden;}
.artshow h3{font-size:34px;padding-bottom:20px;color:#333;}
.artshow .info{line-height:40px;border-bottom:1px solid #ddd;padding:10px 0;color:#999;}
.artshow .content{margin:20px auto;overflow:hidden;}
.artshow .pre{clear:both;overflow:hidden;}
.artshow .next{clear:both;overflow:hidden;}
.artshow .next a,.artshow .pre a{color:#666;}
}